<!DOCTYPE html>

<html>
	
<head>
    
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>
	<!-- container -->
	<div class="container"> 
    	<!-- header -->
    	<header id="header">
        	<div class="row">
            	<div class="col-lg-4 col-md-4 col-sm-4">
                	<img id="logo" src="img/logo.png" alt="xxx">
                </div>
                
                <div class="col-lg-8 col-md-8 col-sm-8">
                	<ul id="upper-nav">
                    	<li class="light-blue"><a href="#">Registration</a></li>
                        <li class="red"><a href="#" class="red">Log In</a></li>
                    </ul>
                    <ul id="main-nav">
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Ebooks</a></li>
                    	<li><a href="#">Price packages</a></li>
                        <li><a href="#">Faq</a></li>
                    </ul>
                </div>
            </div>
        </header>
       	<!-- /header --> 
        
        <!-- main-container -->
       <div class="main-container">
       		<!-- prva sekcija -->
       		<section class="section">
            	<div class="row">
                	<div class="col-lg-12 col-md-12 col-sm-12">
                    	<img class="behind hand" src="img/hand.png" alt="xxx">
                    </div>
                </div>
            </section>
            <!-- \prva sekcija -->
            
       		<!-- druga sekcija -->
       		<section class="section blue">
                <!-- flexslider -->
                <div class="flexslider heading-slider">
					<ul class="slides">
						<li>
							<h2>CONTACT US</h2>
						</li>
						<li>
							<h2>CONTACT US</h2>
						</li>
						<li>
							<h2>CONTACT US</h2>
						</li>
					</ul>
                </div>
                <!-- /flexslider -->
                <p>Before you decide to contact us, please go through FAQ and check if the answer is already there. In not, feel free to contact us through the following email addresses depending on what type of info you need
				</p>
            </section>
            <!-- \druga sekcija -->

       		<!-- treca sekcija -->
       		<section class="section">
				<img src="img/mail.png" class="img-mail" alt="xxx">
                <div class="information-box">
                	<h2>General information:</h2>
                    <a href="#">info@bookishfellow.com</a>
                	<h2>For authors who have published with us:</h2>
                    <a href="#">support@bookishfellow.com</a>
                	<h2>All questions related to manuscript conversion:</h2>
                    <a href="#">conversion@bookishfellow.com</a>
                	<h2>Regarding cover and author website design:</h2>
                    <a href="#">design@bookishfellow.com</a>
                	<h2>About marketing services:</h2>
                    <a href="#">marketing@bookishfellow.com</a>
                </div>
                  <div class="row">
                	<div class="col-lg-12 col-md-12 col-sm-12">
                    	<ul class="img-list smaller">
                            <li><img src="img/google.png" alt="xxx"></li>
                            <li><img src="img/apple.png" alt="xxx"></li>
                            <li><img src="img/kobo.png" alt="xxx"></li>
                            <li><img src="img/samsung.png" alt="xxx"></li>
                            <li><img src="img/amazon.png" alt="xxx"></li>
                        </ul>
					</div>
                  </div>                    
            </section>
            <!-- \treca sekcija -->
            <!-- cetvrta sekcija -->
              <section class="section">
				<a class="button big" href="#">SIGN UP AND GET PUBLISHED NOW</a>
            </section>
            <!-- \cetvrta sekcija -->
       </div>
       <!-- \main-container -->
       
       <!-- footer -->
       <footer id="footer">
       	 <a href="#" id="back-to-top"></a>
       	  <div class="row">
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Bookishfellow</h4>
            <ul class="menu">
            	<li><a href="#">eBooks</a></li>
                <li><a href="#">Add New Title</a></li>
                <li><a href="#">Price Packages</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Publishing Agreement</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
            </div>
            
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Services</h4>
            <ul class="footer-menu">
            	<li><a href="#">eBook Cover Design</a></li>
                <li><a href="#">Author Website</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12">
            	<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
            </div>
         </div>
       </footer>
       <!-- \footer -->
    </div>
	<!-- /container -->
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.selectBoxIt.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>